﻿<html>
<head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <link href="../Styles/style.css" rel="stylesheet" type="text/css" />
    <link href="http://www.google.com/uds/css/gsearch.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&libraries=drawing"></script>
    <script type="text/javascript" src="http://www.google.com/uds/api?file=uds.js&v=1.0&key=AIzaSyBwGsww369_kLmdqnJDbOxlZRB635YRFR8"></script>
    <script type="text/javascript" src="../Scripts/GoogleMap.js"></script>
    <div class="main">
        <h3>
            <span>Step 2: </span>Create you Itenerary</h3>
    </div>
    <div class="tabs">
        <h5>
            <span></span>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;How would you like define your itenerary</h5></br>
        <ul>
            <li><a id="drawOnMap" onclick="Selected(1)" style="background: none repeat scroll 0 0 #699e24;
                color: #fff; cursor: pointer;">Draw On Map</a></li>
            <li><a id="uploadGpsData" style="cursor: pointer;">Upload Gps Data</a></li>
            <li><a id="importFromES" style="cursor: pointer;">Import From E&S</a></li>
        </ul>
    </div>
    <span></span>
</head>
<body style="font-family: Arial, sans-serif; font-size: small; height: 95%">
    <div class="main" style="height: 70%;">
        <div id="map" style="height: 100%; width: 99%; border: 1px solid #979797;">
        </div>
    </div>
    <input type="button" id="delete-button" value="Delete Shape" style="height: 26px;
        padding: 2px; position: absolute; left: 39%; top: 15px; border: 1px; border-style: solid;
        border-color: Black; background-color: White; z-index: 999; visibility: hidden" />
    <div style="margin-bottom: 5px;">
        <div style="position: absolute; left: 49%; top: 86%; z-index: 999; background-color: White;
            padding: 2px;">
            <input type="text" id="queryInput" style="width: 250px;" />
            <input type="button" value="Search" onclick="doSearch()" style="padding: 2px; border: 1px;
                border-style: solid; border-color: Black; background-color: White;" />
        </div>
    </div>
</body>
</html>
